html,body{
  background-image: url("../images/background.png");
}
.chart+.chart{
  margin-top: 0.25rem;
}
.chart-title{
  text-align: center;
  color: #74ceeb;
}
.troops-title{
  /*旅优良率标题*/
  margin-left: 0.52rem;
  color: #74ceeb;
  line-height: 0.58rem;
}
.troops-chart{
  /*旅优良率图表*/
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -3.75rem;
  width: 7rem;
  height: 51.9vh;
  /*background-color: #fff;*/
}
.class-title{
  line-height: 0.44rem;
}
.class-chart{
  /*班优秀率排行表*/
  position: absolute;
  left: 50%;
  top: 5.7rem;
  margin-left: -3.515rem;
  width: 7.03rem;
  height: 32vh;
  background-image: url("../images/class.png");
}
.camp-title{
  /*营成绩统计标题*/
  line-height: 0.42rem;
}
.camp-chart{
  /*营成绩统计表*/
  height: 29.4vh;
  background-image: url("../images/camp.png");
}
.company-title{
  /*连优秀率排行标题*/
  line-height: 0.35rem;
}
.company-chart{
  /*连优秀率排行表*/
  height: 24.7vh;
  background-image: url("../images/company.png");
}
.platoon-title{
  /*连优秀率排行标题*/
  line-height: 0.35rem;
}
.platoon-chart{
  /*排优秀率排行表*/
  height: 25vh;
  background-image: url("../images/platoon.png");
}
.personal-title{
  /*个人成绩标题*/
  line-height: 0.58rem;
}
.personal-chart{
  /*个人成绩表*/
  padding: 0 0.21rem;
  height: 83.8vh;
  background-image: url("../images/personal.png");
}
.personal-table{
  /*个人成绩表格*/
  margin: 0.14rem 0;
  width: 100%;
  border-collapse: collapse;
}
.personal-table>thead{
  /*个人成绩表格表头*/
  line-height: 0.41rem;
  color: #96f9ff;
  background-color: #004992;
}
.personal-table>thead th{
  font-family: 黑体;
  font-weight: normal;
}
.personal-table>tbody{
  line-height: 0.62rem;
  background-color: #002E61;
}
.personal-table>tbody tr+tr{
  border-top: 1px solid #023368;
}
.personal-table>tbody td{
  text-align: center;
}
.champion {
  color: #e8eb4c;
}
.runner-up{
  color: #f7c851;
}
.third-place{
  color: #ffb464;
}